<!-- 登录页展示的，服务协议和隐私政策 -->
<template>
	<view v-if="isShow">
		<u-modal :show="isShow" title="" :showConfirmButton="false">
			<view class="slot-content">
				<view class="modal-title">《服务协议》和《隐私政策》提示</view>
				<scroll-view class="notice-content" scroll-y="true">
					<view>请你务必审慎阅读、充分理解“服务协议”和“隐私政策”各条款，包括但不限于：为了更好的向你提供服务，我们需要收集你的设备标识、操作日志等信息用于分析、优化应用性能。
						你可阅读<text class="mark-txt" @click.stop="lookNotice(1)">《服务协议》</text>和<text class="mark-txt"
							@click.stop="lookNotice(2)">《隐私政策》</text>了解详细信息。
					</view>
					<view>如果你同意，请点击下面按钮开始接受我们的服务。</view>
				</scroll-view>
				<view class="confirm-btn" @click.stop="agress">同意并接受</view>
				<view class="exit-btn" @click.stop="close">暂不同意</view>
			</view>
		</u-modal>
	</view>
</template>

<script>
	export default {
		name: "loginNoitce",
		data() {
			return {
				isShow: false
			};
		},
		methods: {
			lookNotice(index) {
				if (index == 1) {
					this.toPages("/pages/common/webView?src=" + getApp().globalData.staticConfig.register_agreement)
				} else {
					this.toPages("/pages/common/webView?src=" + getApp().globalData.staticConfig.privacy_agreement)
				}
			},
			agress() {
				this.$emit("noticeAgree");
				this.isShow = false;
			},
			show() {
				this.isShow = true;
			},
			close() {
				this.$emit("noAgree");
				this.isShow = false;
			}
		}
	}
</script>

<style lang="scss" scoped>
	.slot-content {
		min-height: 334rpx;

		.modal-title {
			line-height: 34rpx;
			font-size: 34rpx;
			font-family: PingFang SC, PingFang SC;
			font-weight: bold;
			color: #000000;
			text-align: center;
			// padding: 42rpx 0 0 0;
			// margin-bottom: 66rpx;
		}

		.notice-content {
			height: 290rpx;
			margin: 20rpx 0;

			.mark-txt {
				color: #3693FF;
			}
		}

		.confirm-btn {
			width: 400rpx;
			height: 70rpx;
			line-height: 70rpx;
			margin: 40rpx auto 20rpx auto;
			background: #FE5680;
			border-radius: 35rpx;
			font-size: 30rpx;
			color: #ffffff;
			text-align: center;
		}

		.exit-btn {
			text-align: center;
			font-size: 30rpx;
			color: #999;
		}
	}
</style>